@import "../common/vars.scss";
@import "../mixins/mixins.scss";
@include create(select-dropdown){
    position: absolute;
    z-index: #{$index-top + 1};
    border: $select-dropdown-border;
    border-radius: $border-radius-base;
    background-color: $select-dropdown-background;
    box-shadow: $select-dropdown-shadow;
    box-sizing: border-box;
    margin: 5px 0;
    @include m(list){
        list-style: none;
        padding: $select-dropdown-padding;
        margin: 0;
        box-sizing: border-box;
    }

    @include e(item) {
        font-size: $select-font-size;
        padding: 0 20px;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: $select-option-color;
        height: $select-option-height;
        line-height: $select-option-height;
        box-sizing: border-box;
        cursor: pointer;
    
        &[disabled] {
          color: $select-option-disabled-color;
          cursor: not-allowed;
    
          &:hover {
            background-color: $color-white;
          }
        }
    
        &.hover, &:hover {
          background-color: $select-option-hover-background;
        }
    
        &[selected] {
          color: $select-option-selected;
          font-weight: bold;
        }
    }
}

@include create(select-group){
    @include m(title){
        padding-left: 20px;
        font-size: $font-size-small - 1;
        color: $color-info;
        line-height: 30px;
    }
}

.aiui-select-dropdown-wrap {
    max-height: 200px;
}

.aiui-scrollbar-wrap{
    height: 100%;
    overflow: scroll;
}